<?$quote = true;?>
<form id="formulario" method="post" action="" enctype="multipart/form-data">
    <label>
	    Título <br />
	    <input maxlength="45" class="obrigatorio" type="text" name="titulo" value=""/>
    </label>
    <span class="erro"></span>
	
	<label>
		Descrição <br />
		<textarea class="obrigatorio" name="conteudo"></textarea>	
	</label>
	<span class="erro"></span>
	
    <input type="hidden" id ="latitude" name="latitude" />
    <input type="hidden" id ="longitude" name="longitude" />
	
	<label class="dataExpira">
	    <div>		
		 Data <br />
			<input type="text" value="" name="caduca" class="dateCaduca" />
		</div>
		
		<div>		    
			Some <br />
			<!--<input class="checkBox" type="checkbox" value="1" name="some"  />-->
			<select name="some" class="selectSome">
				<option value="">Nunca some</option>
				<option value="1">Some após expirar</option>
			</select>
		</div>
	    <br class="clear" />
		<span class="erro"></span>
	</label>
	<label>
		Fotos &nbsp;
		<a id="linkU" href="#">Subir foto</a> <!--[tamanho: <span id="infos">0</span>]-->
		<div id="upload"></div>
	</label>
    
    <label>
		Privacidade <br />
		<!-- <input class="checkBox" type="checkbox" value="1" name="privado"  /> -->
		<select name="privado">
			<option value="">Qualquer um pode ver</option>
			<option value="1">Só eu posso ver</option>
		</select>
    </label>
	
	<label>
		Ícone 
	</label>
	<div id="icones"></div>
	<br class="clear" />
	<div id="paginacao">
		<a href="javascript:void(0)" id="ante" >< Anterior</a> |
		<a href="javascript:void(0)" id="prox" >Próxima ></a>
	</div>
	<span class="erro"></span>
	
	<br />
	
	<div id="quote">
	    Citação<br />
	    <? require("include/request/getAmigos.php"); ?>
	</div>
	

	<input id="iconeSubmit" type="button" value="Inserir" class="bt"/><br/>
</form>

<script type="text/javascript" > 
    new DatePicker('.dateCaduca', { 
	pickerClass: 'datepicker_vista', 
	timePicker: true, 
	format: 'd-m-Y @ H:i',
	allowEmpty : true,
	inputOutputFormat : 'Y-m-d H:i:s'

    });
    
    var numeroDeFotos = 3;
    var multiple = true;
    
</script>
<script type="text/javascript" >
    $$('#iconeSubmit').addEvent('click',function(){
	erro = false;
	erroIcone = true;

	var form = $$('#formulario .obrigatorio');

	tag = '<span>erro</span>'
	spans = $$("span.erro");
	for (i = 0; i < spans.length; i++) {
	    spans[i].set('html','');
	}

	titulo = $$("[name=titulo]")[0];
	conteudo = $$("[name=conteudo]")[0];
	some = $$("[name=some]")[0];
	data = $$("[name=caduca]")[0];
	icones = $$("[name=icone]");

	if(titulo.get('value') == ""){
	    $$("span.erro")[0].set('html','este campo precisa ser preenchido.');
	    erro = true;	
	}
	if(conteudo.get('value') == ""){
	    $$("span.erro")[1].set('html','este campo precisa ser preenchido.');
	    erro = true;	
	}    
	if(some.checked){
	    if(data.get('value') == ""){
		$$("span.erro")[2].set('html','escolha uma data.');
		erro = true;
	    }
	}

	for(i = 0; i < icones.length; i++){
	    if(icones[i].checked){
		erroIcone = false;
		break;
	    }	    
	}

	if(!marcado){
	    $$("span.erro")[3].set('html','Você ainda não marcou no mapa..');
	    erro = true;
	}
		
	if(erroIcone){
	    $$("span.erro")[3].set('html','Esconha um marcador.');
	    erro = true;
	}

	if(!erro){
	    $$('#formulario').send('include/request/saveForm.php');
	    alert('Ícone inserido.');	
	}	    

    });

    var pagina = 0;

    var paginacao = new Request.HTML({
	url: 'include/request/icones.php',
	update: $('icones')
    });

    paginacao.post({pagina:0});

    $$('#paginacao #prox').addEvent('click',function(){
	pagina++;		
	paginacao.post({pagina:pagina})
    });
    $$('#paginacao #ante').addEvent('click',function(){
	pagina--;		
	paginacao.post({pagina:pagina})
    });    
</script>
<? include 'include/html/uploadFotos.php'; ?>   
